@charset "utf-8";

.zone {
	color: #fff;
	background: #0F395F;
	padding: 47px 0 0;
	height: calc(100vh - 47px);
}

.main {
	margin: 5px;
	background: #B5DBFF;
	border: 2px solid #779CBD;
	padding: 5px;
	height: calc(100vh - 72px);
	overflow: hidden;
	overflow-y: auto;
}
.top-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F7EFDE;
	border-radius: 5px;
	padding: 15px 18px;
	border: 1px solid #DDB983;
}
.topLeft,.topRight {
	display: flex;
	flex-direction: column;
}
.topLeft span {
	font-size: 14px;
	color: #754C1C;
	line-height: 18px;
}
.topLeft p {
	font-size: 16px;
	color: #5A4531;
	line-height: 19px;
	margin-bottom: 11px;
}
.topRight {
	align-items: center;
}
.topRight img {
	width: 63px;
	margin-bottom: 5px;
}
.topRight span {
	font-size: 11px;
	color: #754C1C;
	line-height: 11px;
}
.changjian {
	background: #F7EFDE;
	border-radius: 5px;
	border: 1px solid #DDB983;
	margin: 9px 0;
	padding: 13px 7px 7px;
}
.changjian p {
	font-size: 16px;
	color: #5A4531;
	line-height: 19px;
	margin-bottom: 12px;
}
.wenti {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F7E7CE;
	border: 1px solid;
	border-image: linear-gradient(0deg, #BB8D67, #E1BE87) 1 1;
	box-shadow: 0px 2px 1px 0px #BB8D67,0px -1px 1px 0px #FFFFFF;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 7px;
}
.wenti span {
	font-size: 14px;
	color: #5A4531;
	line-height: 15px;
}
.wenti img {
	width: 16px;
}
.bigBox {
	background: #F7EFDE;
	border-radius: 5px;
	border: 1px solid #DDB983;
	padding: 12px 7px 0;
}


 .new-item {
	display: none;
}
.equipment .active {
	display: block !important;
}

.time-item .tab-title button {
	position: relative;
	padding: 11px 0;
	width: calc(25% - 4px) !important;
	font-size: 14px;
	color: #8CE3FF;
	line-height: 14px;
	margin: 0 2px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
	text-align: center;
	background: linear-gradient(0deg, #39597B 0%, #4A6D94 100%);
	box-shadow: 0px 1px 0px 0px #08325D, 0px -2px 1px 0px #6382AD, 0px 3px 1px 0px rgba(49, 81, 123, 0.66), 2px 0px 1px 0px rgba(44, 68, 111, 0.66), -1px 0px 1px 0px rgba(44, 68, 111, 0.66);
	border-radius: 3px;
}
.time-item .tab-title .active {
	height: 36px;
	background: linear-gradient(0deg, #5080BF 0%, #6DA6EE 100%);
	box-shadow: 0px 1px 0px 0px #08325D, 0px -2px 1px 0px #A9DCFF, 0px 3px 1px 0px rgba(74, 133, 227, 0.66), -1px 0px 1px 0px rgba(63, 109, 183, 0.85), 2px 0px 1px 0px rgba(63, 109, 183, 0.85);
	color: #FFE258;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}
.tab-title {
	display: flex;
	align-items: center;
	overflow: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	/* width: 100%; */
	margin-bottom: 3px;
}
.item2  {
	width: 100% !important;
	/* height: calc(100vh - 120px); */
}

.tab-title div {
	flex: 1;
	white-space: nowrap;
}


.slct {
	width: calc(100% + 6px);
	margin-left: -3px;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #86B3E7;
	/* padding: 1px 0; */
}
select,.xuanze {
	position: relative;
	padding: 11px 0;
	width: 25% !important;
	font-size: 14px;
	color: #8CE3FF;
	line-height: 14px;
	margin: 0 2px;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
	text-align: center;
	background: linear-gradient(0deg, #39597B 0%, #4A6D94 100%);
	box-shadow: 0px 1px 0px 0px #08325D, 0px -2px 1px 0px #6382AD, 0px 3px 1px 0px rgba(49, 81, 123, 0.66), 2px 0px 1px 0px rgba(44, 68, 111, 0.66), -1px 0px 1px 0px rgba(44, 68, 111, 0.66);
	border-radius: 3px;
}

.btmBox {
	width: 65%;
	margin: 15px auto 10px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/market/annniu.png);
	background-size: 100% 100%;
	padding: 10px 10px 12px;
}
.btmBox button {
	display: flex;
	align-items: center;
	justify-content: center;
}
.btmBox button img {
	width: 31px;
}
.btmBox button span {
	font-size: 15px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #8B2101, 1px -1px 1px #8B2101, -1px 1px 1px #071F39, -1px -1px 1px #8B2101;
}
